<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Toki Learning</title>
<link rel="stylesheet" type="text/css" href="css/contest.css" />
</head>

<script type="text/javascript" src="js/jquery-1.6.2.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter.js"></script>
<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript">
$(document).ready(function() 
    { 
        $("#ranklist").tablesorter(); 
    } 
); 
</script>
<body>
	<div id="bg_header">
		<div id="header">
			<div id="logo_header">
				<a href="index.html">
					<img src="images/logo_header.png" width="360" height="110" />
				</a>
			</div>
			<div id="nav_acc">
				<ul>
					<li><a href="#">Settings</a></li>
					<li><a href="#">Inbox (0)</a></li>
					<li><a href="index.html">Logout</a></li>
				</ul>				
			</div>
		</div>
	</div>
	<div id="bg_content">
		<div id="content_header">
			<div id="nav_header">
				<div id="nav_content">
					<ul>
						<li><a href="problem.html">Problem Archives</a></li>
						<li><a href="contest.html">Contests</a></li>
						<li><a href="#">Training Gate</a></li>
						<li><a href="#">Learn</a></li>
					</ul>
				</div>
				<ul id="my_nav" >
						<li><a href="#">My Friends</a>
						<ul>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
						</ul>
						</li>
						<li><a href="#">My Statistics</a>
						<ul>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
						</ul>
						</li>
						<li><a href="#">My Submissions</a>
						<ul>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
						</ul>
						</li>
						<li><a href="#">My Contests</a>
						<ul>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
						</ul>
						</li>
						<li><a href="#">My Profile</a>
						<ul>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
						</ul>
						</li>
				</ul>
			</div>
			<div id="display_user">
				<div id="user_name">
					<a href="#">Rendy B Jr</a>
				</div>
				<div id="user_image">					
					<a href="#">
						<img src="images/monster.png" width="65" height="70" >
					</a>
				</div>
			</div>
		</div>
		<div id="content">
			<div id="page">
				<div id="page_title">
					Java Programming Contest
				</div>
				<div id="nav_page">
					<ul>
						<li><a href="#">Announcements</a></li>
						<li><a href="problem.html">Problems</a></li>
						<li><a href="#">Submissions</a></li>
						<li><a href="#">Clarification</a></li>
						<li><a href="contest.html">Status/Ranklist</a></li>
					</ul>
				</div>
				<div id="page_content">
					<div id="post_title">
						Ranklist
					</div>
					<div id="post">
						<table id="ranklist" class="tablesorter">
						<thead>
							<tr>
								<th><a href="#">Rank</a></th>
								<th><a href="#">User</a></th>
								<th><a href="#">Total</a></th>						
								<th><a href="#">P#A</a></th>
								<th><a href="#">P#B</a></th>
								<th><a href="#">P#C</a></th>						
								<th><a href="#">P#D</a></th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1</td>
								<td>A</td>
								<td>100</td>
								<td>657</td>
								<td>768</td>
								<td>304</td>
								<td>4574</td>
							</tr>
							<tr class="alt">
								<td>2</td>
								<td>B</td>
								<td>7658</td>
								<td>657</td>
								<td>768</td>
								<td>304</td>
								<td>4574</td>
							</tr>
							<tr>
								<td>3</td>
								<td>C</td>
								<td>7658</td>
								<td>657</td>
								<td>768</td>
								<td>304</td>
								<td>4574</td>
							</tr>
							<tr class="alt">
								<td>4</td>
								<td>E</td>
								<td>7658</td>
								<td>657</td>
								<td>768</td>
								<td>304</td>
								<td>4574</td>
							</tr>
							<tr>
								<td>5</td>
								<td>F</td>
								<td>7658</td>
								<td>200</td>
								<td>768</td>
								<td>304</td>
								<td>4574</td>
							</tr>
							<tr class="alt">
								<td>6</td>
								<td>G</td>
								<td>7658</td>
								<td>657</td>
								<td>768</td>
								<td>304</td>
								<td>4574</td>
							</tr>
							<tr>
								<td>7</td>
								<td>H</td>
								<td>7658</td>
								<td>657</td>
								<td>768</td>
								<td>304</td>
								<td>4574</td>
							</tr>
							<tr class="alt">
								<td>8</td>
								<td>H</td>
								<td>7658</td>
								<td>657</td>
								<td>300</td>
								<td>304</td>
								<td>4574</td>
							</tr>
							<tr>
								<td>9</td>
								<td>I</td>
								<td>7658</td>
								<td>657</td>
								<td>768</td>
								<td>304</td>
								<td>500</td>
							</tr>
							<tr class="alt">
								<td>10</td>
								<td>J</td>
								<td>7658</td>
								<td>657</td>
								<td>768</td>
								<td>400</td>
								<td>4574</td>
							</tr>
						</tbody>
						</table>
					</div>
				</div>
			</div>
			<div id="sidebar">
				<div id="sidebar_title">
					Latest Announcement
					<p>posted 10 minutes ago</p>
				</div>
				<div id="sidebar_content">
					<div class="subsidebar_title">
						Problems
					</div>
					<div class="subsidebar_content">						
						<ol>
							<li><a href="#">Jumlah Bilangan</a></li>
							<li><a href="#">Perubahan Minimal</a></li>
							<li><a href="#">Matrix</a></li>
							<li><a href="#">Soal Lainnya</a></li>
							<li><a href="#">Berfoto</a></li>
						</ol>
					</div>
					<br />
					<div class="subsidebar_title">
						Clarifications
					</div>
					<div class="subsidebar_content" id="clarifications">							
						<ul>
							<li>
								<a href="#">Question Subject</a>
								on
								<a href="#">Problem Name</a>
								<p>posted 10 minutes ago</p>
							</li>
							<li>
								<a href="#">Question Subject</a>
								on
								<a href="#">Problem Name</a>
								<p>posted 10 minutes ago</p>
							</li>
							<li>
								<a href="#">Question Subject</a>
								on
								<a href="#">Problem Name</a>
								<p>posted 10 minutes ago</p>
							</li>
						</ul>
						<div class="align_right">
							<a href="#">Post a question</a> <a href="#">See All</a>
						</div>
					</div>
					<br />
					<div class="subsidebar_title">
						Submissions
					</div>
					<div class="subsidebar_content">
						<div class="problems">
							<ul>
								<li>Problem Name</li>
								<li>Bilangan</li>
								<li>Perubahan Minimal</li>
								<li>Matrix</li>
								<li>Maling Motor</li>
								<li>Foto Bersama</li>
							</ul>
						</div>
						<div class="results">
							<ul>
								<li><a href="#">(result)</a></li>
								<li><a href="#">(result)</a></li>
								<li><a href="#">(result)</a></li>
								<li><a href="#">(result)</a></li>
								<li><a href="#">(result)</a></li>
								<li><a href="#">(result)</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="footer">
		<div id="footer_links">
			<ul>
				<li class="first"><a href="#">Our Blog</a></li>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Contact Us</a></li>
				<li>Follow our <a href ="#" class="biru">Facebook</a> and <a href="#" class="biru">Twitter</a></li>	
			</ul>
		</div>
		<div id="copyright">
			Copyright of TOKI Learning 2011
		</div>
	</div>
</body>
</html>